<!DOCTYPE html>
<html lang="en" class="wide wow-animation smoothscroll scrollTo">
  <head>
    {template "layouts","header"}
  </head>
  <body>
    <!-- Page-->
    <div class="page text-center">
      <!-- Page Header-->
      <header class="page-head">
        {template "layouts","navbar"}
      </header>
      {template "layouts","breadcrumb"}

      <!-- Page Content-->
      <main class="page-content">
        <!-- a few words about us-->
        <section class="section-98 section-sm-110 text-left">
          <div class="shell">
            <div data-type="horizontal" class="responsive-tabs responsive-tabs-classic">
              <ul class="resp-tabs-list text-center tabs-group-default" style="max-width:2000px;">
                {loop subcat($CAT['parentid']) $r}
                <li {if ($catid==$r['catid'])}class="resp-tab-active"{/if}>
                  <a href="{$r['url']}">{$r['catname']}</a>
                </li>
                {/loop}
              </ul>
            </div>
            <div class="range range-xs-center">
              {pc:content action="lists" catid="$catid" num="1" siteid="$siteid" order="listorder DESC" moreinfo="1"}
              {loop $data $r}
              <div class="cell-xs-10 cell-md-8">
                <h3>{$r['title']}</h3>
                <hr class="divider divider-lg bg-java hr-left-0 hr-sm-left-2">
                <div class="offset-top-41 offset-lg-top-60">
                  {$r['content']}
                </div>
              </div>
              {/loop}
              {/pc}
              {pc:content action="lists" catid="$catid" num="4" siteid="$siteid" order="listorder DESC" moreinfo="1" start="1"}

              <div class="cell-xs-10 cell-md-4 offset-top-41 offset-md-top-0">
                <h6>常见问题</h6>
                <!-- <hr class="text-subline"> -->

                <div data-type="accordion" class="responsive-tabs responsive-tabs-classic">
                  <ul data-group="tabs-group-default" class="resp-tabs-list tabs-group-default">
                    {loop $data $r}
                    <li>{$r['title']}</li>
                    {/loop}
                  </ul>
                  <div data-group="tabs-group-default" class="resp-tabs-container tabs-group-default">
                    {loop $data $r}
                    <div>{$r['content']}</div>
                    {/loop}
                  </div>
                </div>
              </div>

              {/pc}
            </div>
          </div>
        </section>
        <!-- testimonials-->
	<!--
        <section class="section-98 section-sm-110 bg-white-liac">
          <div class="shell">
            <h3 class="text-gray-dark">咨询团队</h3>
            <hr class="divider divider-lg bg-java">
            {pc:content action="lists" catid="$catid" num="6" siteid="$siteid" order="listorder DESC" moreinfo="1" start="5"}
            <div class="range range-xs-center text-left">
              {loop $data $r}
              <div class="cell-xs-8 cell-md-4 inset-md-right-30">
                <div class="unit unit-xl-horizontal unit-lg-horizontal unit-md-vertical unit-sm-horizontal unit-xs-horizontal unit-spacing-sm">
                  <div class="unit-left"><img src="{$r['thumb']}" width="110" height="110" alt="" class="img-responsive">
                  </div>
                  <div class="unit-body">
                    <h5 class="text-bold text-primary">{$r['title']}</h5>
                    <p class="text-italic offset-top-0">{$r['keywords']}</p>
                    <div class="p unit unit-spacing-xxs unit-horizontal">
                      <div class="unit-left"><span class="icon icon-xs mdi mdi-phone text-primary"></span></div>
                      <div class="unit-body"><a href="callto:#" class="h6">{$r['description']}</a></div>
                    </div>
                  </div>
                </div>
                <p>{$r['content']}</p>
              </div>
              {/loop}
            </div>
            {/pc}
          </div>
        </section>-->
      </main>
      {template "layouts","footer"}
    </div>
    {template "layouts","global"}
    {template "layouts","javascript"}
  </body>
</html>
